html, body
{
	height: 100%;
}

body
	{
		margin: 0px;
		padding: 0px;
		margin-bottom: -50px;
		background: linear-gradient(to bottom, rgb(226, 226, 226) 0%, rgb(219, 219, 219) 94%, rgb(209, 209, 209) 100%, rgb(254, 254, 254) 100%) repeat scroll 0% 0% transparent;
		
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 12pt;
		font-weight: 400;
		color: #919191;
	}
	
/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

#logo
{
	padding: 3em 0em;
	text-transform: uppercase;
}

.container{
		margin: 0px auto;
		width: auto;
}
/* pentru a folosi border in jurul content-ului, punem totul intr-un <div class="content>" */
.content{
	
	padding:7px;
	background-color:#F5F4F2;
	border:1px solid #c8c8c7;
	float:middle;
	margin: 5px;
}

.middle{
	size:auto;
	text-align:center;
	border:0px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
}

.right{
	size:auto;
	float:right;
	border:0px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
}

#header{
	background:linear-gradient(135deg, rgb(169, 3, 41) 0%, rgb(143, 2, 34) 65%, rgb(109, 0, 25) 73%) repeat scroll 0% 0% transparent;
	height:120px;
	width:auto;
	padding-top:5px;
	margin-bottom:10px;
}


#footer{
	background:linear-gradient(135deg, rgb(169, 3, 41) 0%, rgb(143, 2, 34) 65%, rgb(109, 0, 25) 73%) repeat scroll 0% 0% transparent;
	position:fixed; 
    bottom:0px;
    height:30px;
    width:100%;
    text-align:center;
    vertical-align:text-top;
	
}
img.center {
    position: absolute;
    top: 0; left: 0; right:0;
    margin: auto;
}
img.center:HOVER{
	background-color:#f2f2f2;
	color:#336699 !important;
	text-shadow:0 1px 1px #ccc;
    -webkit-box-shadow: 0 3px 0 #ccc, 3px 5px 3px #333;
    -moz-box-shadow: 0 3px 0 #ccc, 3px 5px 3px #333;
    box-shadow: 0 3px 0 #ccc, 3px 5px 3px #333;
    -o-box-shadow: 0 3px 0 #ccc, 3px 5px 3px #333;
}



img.right:HOVER{
		
   border-bottom: 4px solid #FFF
}

.left{
	display: block;
	margin-left:20px;
}

img.right:active {
	position: relative;
	top: 10px;
}

.logoutCl{
	 margin-right: 40px;
	 margin-bottom:30px;
	 color:#FFF;
	 font-family: "Arial Black", Gadget, sans-serif;
}

.wText100{
	width: 100px;
}

.wText150{
	width: 150px;
}

.wText200{
	width: 200px;
}

.wText250{
	width: 250px;
}

.headerUser{
	color:white;
	font-size: 20;
	margin-left: 10px;
}

.headerUsername{
	font-weight: bold;
}
